.cont {
  width: 1210px;
  margin: 0 auto;
  overflow: hidden;
  aside {
    float: left;
    margin-top: 10px;
    ul {
      position: relative;

      li {
        width: 420px;
        // border: 1px solid black;
        overflow: hidden;
        img {
          width: 400px;
          height: 400px;
          border: solid 1px lightgray;
        }
      }
      .bigimg {
        width: 400px;
        height: 400px;
        border: lightgreen 1px solid;
        background-color: lightgreen;
        position: absolute;
        top: 0;
        left: 420px;
        z-index: 1;
        display: none;
      }
      .banner img {
        width: 60px;
        height: 60px;
        margin: 20px;
        float: left;
        border: solid 1px lightgray;
      }
    }
  }
  header {
    padding: 30px;
    box-sizing: border-box;
    width: 780px;
    margin-top: 10px;
    // border: 1px solid black;
    float: left;
    h1 {
      width: 506px;
      height: auto;
      margin: 5px 0;
      font: bold 16px/22px "微软雅黑";
      color: #666;
    }
    p {
      height: 40px;
      margin: 15px;
      line-height: 40px;
      overflow: hidden;
      font-family: "微软雅黑";
    }
    .pri {
      display: block;
      height: 30px;
      font-weight: bold;
      line-height: 30px;
      font-size: 26px;
      font-family: "微软雅黑";
      color: #c40000;
    }
    button {
      width: 200px;
      height: 40px;
      background-color: #3ea600;
      line-height: 40px;
      font-size: 25px;
      color: white;
      border: none;
      text-align: center;
    }
  }
}
section {
  width: 1210px;
  margin: 0 auto;
  aside {
    width: 210px;
    height: 550px;
    margin-right: 30px;
    float: left;
    background-color: chartreuse;
  }
  article {
    float: left;
    width: 730px;
    height: 800px;
    // background-color: red;
    header {
      height: 40px;
      border-bottom: 2px solid lightgray;
      li {
        float: left;
        height: 40px;
        a {
          font-size: 14px;
          font-weight: bold;
          line-height: 40px;
          padding-left: 5px;
          margin-right: 30px;
        }
        a:hover {
          border-bottom: #3ea600 2px solid;
        }
      }
    }
    nav {
      border-bottom: 1px dotted lightgray;
      ul {
        border-bottom: 1px dotted lightgray;
        overflow: hidden;
        padding: 13px;
        li {
          width: 175px;
          float: left;
        }
      }
      p {
        clear: both;
        padding: 13px;
        text-indent: 2em;
        color: #999;
        font: 12px/150% Arial, Tahoma, "宋体";
      }
    }
    .detailmes h1 {
      font: bold 14px "微软雅黑";
      color: #666;
      line-height: 24px;
    }
    .comment ul {
      height: 500px;
      background-color: lightgreen;
    }
  }
}
